<!DOCTYPE html>
<html lang=-->
<head>
    <!-- so meta -->
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="HandheldFriendly" content="True">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
    <meta name="description" content="Cactus DarkA responsive, dark and simple Hexo theme for a personal website. :cactus: Demo  Summary General Features Install Configuration License  General Version : 2.0 Compatibility : Hexo 3 or later">
<meta name="keywords" content="网建随记">
<meta property="og:type" content="article">
<meta property="og:title" content="Cactus Dark 说明">
<meta property="og:url" content="https://iiitoo.com/2017/05/04/README/index.html">
<meta property="og:site_name" content="iiitoo">
<meta property="og:description" content="Cactus DarkA responsive, dark and simple Hexo theme for a personal website. :cactus: Demo  Summary General Features Install Configuration License  General Version : 2.0 Compatibility : Hexo 3 or later">
<meta property="og:image" content="https://cloud.githubusercontent.com/assets/2175271/19885143/62e9269c-a01d-11e6-8e26-e36a36201d88.png">
<meta property="og:updated_time" content="2017-05-12T22:18:35.000Z">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="Cactus Dark 说明">
<meta name="twitter:description" content="Cactus DarkA responsive, dark and simple Hexo theme for a personal website. :cactus: Demo  Summary General Features Install Configuration License  General Version : 2.0 Compatibility : Hexo 3 or later">
<meta name="twitter:image" content="https://cloud.githubusercontent.com/assets/2175271/19885143/62e9269c-a01d-11e6-8e26-e36a36201d88.png">
        
            
            
            
        <link rel="shortcut icon" href="/images/favicon.ico">
            
              
              
              
        <link rel="icon" type="image/png" href="/images/favicon-192x192.png" sizes="192x192">
              
              
              
              
        <link rel="apple-touch-icon" sizes="180x180" href="/images/apple-touch-icon.png">
              
              
        
        <!-- title -->
        <title>
        Cactus Dark 说明
        </title>
        <!-- styles -->
        <link rel="stylesheet" href="/css/style.css">
        <!-- styles -->
<link rel="stylesheet" href="/lib/bootstrap/css/bootstrap.css">
<link rel="stylesheet" href="https://at.alicdn.com/t/font_lb4f241dchqcl3di.css">
<link rel="stylesheet" href="/lib/font-awesome/css/font-awesome.min.css">
<link rel="stylesheet" href="/lib/meslo-LG/styles.css">
<link rel="stylesheet" href="/lib/justified-gallery/justifiedGallery.min.css">

        <!-- rss -->
        
        
        <link rel="alternate" href="/atom.xml" title="iiitoo" type="application/atom+xml" />
                                                                                                    
</head>

<body>
    
      <div id="header-post">
  <a id="menu-icon" href="#"><i class="fa fa-bars fa-lg"></i></a>
  <a id="menu-icon-tablet" href="#"><i class="fa fa-bars fa-lg"></i></a>
  <a id="top-icon-tablet" href="#" onclick="$('html, body').animate({ scrollTop: 0 }, 'fast');" style="display:none;"><i class="fa fa-chevron-up fa-lg"></i></a>
  <span id="menu">
    <span id="nav">
      <ul>
         
          <li><a href="/">首</a></li>
         
          <li><a href="/about/">关于这</a></li>
         
          <li><a href="/reading/">读什么</a></li>
         
          <li><a href="/book/">写本书</a></li>
         
          <li><a href="/categories/blog/">写博客</a></li>
         
          <li><a href="/categories/learning/">做什么</a></li>
        
      </ul>
    </span>
    <br/>
    <span id="actions">
      <ul>
        
        <li><a class="icon" href="/2017/05/08/hello-world/"><i class="fa fa-chevron-left" aria-hidden="true" onmouseover='$("#i-prev").toggle();' onmouseout='$("#i-prev").toggle();'></i></a></li>
        
        
        <li><a class="icon" href="/2017/05/01/加我的微信/"><i class="fa fa-chevron-right" aria-hidden="true" onmouseover='$("#i-next").toggle();' onmouseout='$("#i-next").toggle();'></i></a></li>
        
        <li><a class="icon" href="#" onclick="$('html, body').animate({ scrollTop: 0 }, 'fast');"><i class="fa fa-chevron-up" aria-hidden="true" onmouseover='$("#i-top").toggle();' onmouseout='$("#i-top").toggle();'></i></a></li>
        <li><a class="icon" href="#"><i class="fa fa-share-alt" aria-hidden="true" onmouseover='$("#i-share").toggle();' onmouseout='$("#i-share").toggle();' onclick='$("#share").toggle();return false;'></i></a></li>
      </ul>
      <span id="i-prev" class="info" style="display:none;">Previous post</span>
      <span id="i-next" class="info" style="display:none;">Next post</span>
      <span id="i-top" class="info" style="display:none;">Back to top</span>
      <span id="i-share" class="info" style="display:none;">Share post</span>
    </span>
    <br/>
    <div id="share" style="display: none">
      <ul>
    <!-- <li class="social-share share-component" data-sites="facebook"></li> -->
    <li class="social-share share-component" data-sites="wechat"></li>
    <li class="social-share share-component" data-sites="qq"></li>
    <li class="social-share share-component" data-sites="twitter"></li>
    <li class="social-share share-component" data-sites="weibo"></li>
    <li class="social-share share-component" data-sites="tencent"></li>
    <li class="social-share share-component" data-sites="qzone"></li>
    <li class="social-share share-component" data-sites="douban"></li>
    <li class="social-share share-component" data-sites="diandian"></li>
    <li class="social-share share-component" data-sites="google"></li>
    <li class="social-share share-component" data-sites="linkedin"></li>
    <li class="social-share share-component" data-sites="qzone"></li>
    <!-- <li><a class="icon" href="http://www.linkedin.com/shareArticle?url=https://iiitoo.com/2017/05/04/README/&title=Cactus Dark 说明"><i class="fa fa-linkedin " aria-hidden="true"></i></a></li>
    <li><a class="icon" href="https://pinterest.com/pin/create/bookmarklet/?url=https://iiitoo.com/2017/05/04/README/&is_video=false&description=Cactus Dark 说明"><i class="fa fa-pinterest " aria-hidden="true"></i></a></li>
    <li><a class="icon" href="mailto:?subject=Cactus Dark 说明&body=Check out this article: https://iiitoo.com/2017/05/04/README/"><i class="fa fa-envelope " aria-hidden="true"></i></a></li>
    <li><a class="icon" href="https://getpocket.com/save?url=https://iiitoo.com/2017/05/04/README/&title=Cactus Dark 说明"><i class="fa fa-get-pocket " aria-hidden="true"></i></a></li>
    <li><a class="icon" href="http://reddit.com/submit?url=https://iiitoo.com/2017/05/04/README/&title=Cactus Dark 说明"><i class="fa fa-reddit " aria-hidden="true"></i></a></li>
    <li><a class="icon" href="http://www.stumbleupon.com/submit?url=https://iiitoo.com/2017/05/04/README/&title=Cactus Dark 说明"><i class="fa fa-stumbleupon " aria-hidden="true"></i></a></li>
    <li><a class="icon" href="http://digg.com/submit?url=https://iiitoo.com/2017/05/04/README/&title=Cactus Dark 说明"><i class="fa fa-digg " aria-hidden="true"></i></a></li>
    <li><a class="icon" href="http://www.tumblr.com/share/link?url=https://iiitoo.com/2017/05/04/README/&name=Cactus Dark 说明&description="><i class="fa fa-tumblr " aria-hidden="true"></i></a></li>
    <li><a class="icon" href="http://connect.qq.com/widget/shareqq/index.html?url=https://iiitoo.com/2017/05/04/README/&title=&source=&desc=&pics="><i class="fa fa-qq " aria-hidden="true"></i></a></li> -->

</ul>

    </div>
    <div id="toc">
      <ol class="toc"><li class="toc-item toc-level-1"><a class="toc-link" href="#Cactus-Dark"><span class="toc-number">1.</span> <span class="toc-text">Cactus Dark</span></a><ol class="toc-child"><li class="toc-item toc-level-2"><a class="toc-link" href="#Summary"><span class="toc-number">1.1.</span> <span class="toc-text">Summary</span></a></li><li class="toc-item toc-level-2"><a class="toc-link" href="#General"><span class="toc-number">1.2.</span> <span class="toc-text">General</span></a></li><li class="toc-item toc-level-2"><a class="toc-link" href="#Features"><span class="toc-number">1.3.</span> <span class="toc-text">Features</span></a></li><li class="toc-item toc-level-2"><a class="toc-link" href="#Install"><span class="toc-number">1.4.</span> <span class="toc-text">Install</span></a></li><li class="toc-item toc-level-2"><a class="toc-link" href="#Configuration"><span class="toc-number">1.5.</span> <span class="toc-text">Configuration</span></a><ol class="toc-child"><li class="toc-item toc-level-3"><a class="toc-link" href="#Navigation"><span class="toc-number">1.5.1.</span> <span class="toc-text">Navigation</span></a></li><li class="toc-item toc-level-3"><a class="toc-link" href="#Blog-posts-list-on-home-page"><span class="toc-number">1.5.2.</span> <span class="toc-text">Blog posts list on home page</span></a></li><li class="toc-item toc-level-3"><a class="toc-link" href="#Projects-list"><span class="toc-number">1.5.3.</span> <span class="toc-text">Projects list</span></a></li><li class="toc-item toc-level-3"><a class="toc-link" href="#Social-media-links"><span class="toc-number">1.5.4.</span> <span class="toc-text">Social media links</span></a></li><li class="toc-item toc-level-3"><a class="toc-link" href="#RSS"><span class="toc-number">1.5.5.</span> <span class="toc-text">RSS</span></a></li><li class="toc-item toc-level-3"><a class="toc-link" href="#Analytics"><span class="toc-number">1.5.6.</span> <span class="toc-text">Analytics</span></a></li><li class="toc-item toc-level-3"><a class="toc-link" href="#Comments"><span class="toc-number">1.5.7.</span> <span class="toc-text">Comments</span></a></li><li class="toc-item toc-level-3"><a class="toc-link" href="#Code-Highlighting"><span class="toc-number">1.5.8.</span> <span class="toc-text">Code Highlighting</span></a></li></ol></li><li class="toc-item toc-level-2"><a class="toc-link" href="#License"><span class="toc-number">1.6.</span> <span class="toc-text">License</span></a></li></ol></li></ol>
    </div>
  </span>
</div>

    
    <div class="content index width mx-auto px2 my4">
        
        <article class="post" itemscope itemtype="http://schema.org/BlogPosting">
  <header>
    
    <h1 class="posttitle" itemprop="name headline">
        Cactus Dark 说明
    </h1>



    <div class="meta">
      <span class="author" itemprop="author" itemscope itemtype="http://schema.org/Person">
        <span itemprop="name">iiitoo</span>
      </span>
      
    <div class="postdate">
        <time datetime="2017-05-03T16:01:00.000Z" itemprop="datePublished">2017-05-04</time>
    </div>


      
    <div class="article-tag">
        <i class="fa fa-tag"></i>
        <a class="tag-link" href="/tags/网建随记/">网建随记</a>
    </div>


    </div>
  </header>
  

  <div class="content" itemprop="articleBody">
    <h1 id="Cactus-Dark"><a href="#Cactus-Dark" class="headerlink" title="Cactus Dark"></a>Cactus Dark</h1><p>A responsive, dark and simple <a href="http://hexo.io" target="_blank" rel="external">Hexo</a> theme for a personal website.</p>
<p>:cactus: <a href="https://probberechts.github.io/cactus-dark/" target="_blank" rel="external">Demo</a></p>
<p><img src="https://cloud.githubusercontent.com/assets/2175271/19885143/62e9269c-a01d-11e6-8e26-e36a36201d88.png" alt="cactus-dark"></p>
<h2 id="Summary"><a href="#Summary" class="headerlink" title="Summary"></a>Summary</h2><ul>
<li><a href="#general">General</a></li>
<li><a href="#features">Features</a></li>
<li><a href="#install">Install</a></li>
<li><a href="#configuration">Configuration</a></li>
<li><a href="#license">License</a></li>
</ul>
<h2 id="General"><a href="#General" class="headerlink" title="General"></a>General</h2><ul>
<li><strong>Version</strong> : 2.0</li>
<li><strong>Compatibility</strong> : Hexo 3 or later</li>
</ul>
<h2 id="Features"><a href="#Features" class="headerlink" title="Features"></a>Features</h2><ul>
<li>Fully responsive</li>
<li>Disqus</li>
<li>Googe analytics</li>
<li>Font Awesome icons</li>
<li>Pick your own code highlighting scheme</li>
<li>Configurable navigation menu</li>
<li>Projects list</li>
<li>Simplicity</li>
</ul>
<h2 id="Install"><a href="#Install" class="headerlink" title="Install"></a>Install</h2><ol>
<li><p>In the <code>root</code> directory:</p>
 <figure class="highlight plain"><table><tr><td class="gutter"><pre><div class="line">1</div><div class="line">2</div></pre></td><td class="code"><pre><div class="line">$ git clone https://github.com/probberechts/cactus-dark.git themes/cactus-dark</div><div class="line">$ npm install hexo-pagination --save</div></pre></td></tr></table></figure>
</li>
<li><p>Change the <code>theme</code> property in the <code>config.yml</code> file.</p>
 <figure class="highlight yml"><table><tr><td class="gutter"><pre><div class="line">1</div><div class="line">2</div></pre></td><td class="code"><pre><div class="line"><span class="comment"># theme: landscape</span></div><div class="line"><span class="attr">theme:</span> <span class="string">cactus-dark</span></div></pre></td></tr></table></figure>
</li>
<li><p>Run: <code>hexo generate</code> and <code>hexo server</code></p>
</li>
</ol>
<h2 id="Configuration"><a href="#Configuration" class="headerlink" title="Configuration"></a>Configuration</h2><h3 id="Navigation"><a href="#Navigation" class="headerlink" title="Navigation"></a>Navigation</h3><p>Setup the navigation menu in the theme’s <code>_config.yml</code>:</p>
  <figure class="highlight plain"><table><tr><td class="gutter"><pre><div class="line">1</div><div class="line">2</div><div class="line">3</div><div class="line">4</div><div class="line">5</div><div class="line">6</div></pre></td><td class="code"><pre><div class="line">nav:</div><div class="line">  Home: /</div><div class="line">  About: /about/</div><div class="line">  Writing: /archives/</div><div class="line">  Projects: http://github.com/probberechts</div><div class="line">  LINK_NAME: URL</div></pre></td></tr></table></figure>
<h3 id="Blog-posts-list-on-home-page"><a href="#Blog-posts-list-on-home-page" class="headerlink" title="Blog posts list on home page"></a>Blog posts list on home page</h3><p>You have two options for the list of blog posts on the home page:</p>
<ul>
<li><p>Show only the 5 most recent posts (default)</p>
<figure class="highlight plain"><table><tr><td class="gutter"><pre><div class="line">1</div><div class="line">2</div><div class="line">3</div></pre></td><td class="code"><pre><div class="line">customize:</div><div class="line">  show_all_posts: false</div><div class="line">  post_count: 5</div></pre></td></tr></table></figure>
</li>
<li><p>Show all posts</p>
<figure class="highlight plain"><table><tr><td class="gutter"><pre><div class="line">1</div><div class="line">2</div></pre></td><td class="code"><pre><div class="line">customize:</div><div class="line">  show_all_posts: true</div></pre></td></tr></table></figure>
</li>
</ul>
<h3 id="Projects-list"><a href="#Projects-list" class="headerlink" title="Projects list"></a>Projects list</h3><p>Create a projects file <code>source/_data/projects.json</code>.</p>
  <figure class="highlight json"><table><tr><td class="gutter"><pre><div class="line">1</div><div class="line">2</div><div class="line">3</div><div class="line">4</div><div class="line">5</div><div class="line">6</div><div class="line">7</div><div class="line">8</div><div class="line">9</div><div class="line">10</div><div class="line">11</div><div class="line">12</div></pre></td><td class="code"><pre><div class="line">[</div><div class="line">    &#123;</div><div class="line">       <span class="attr">"name"</span>:<span class="string">"Hexo"</span>,</div><div class="line">       <span class="attr">"url"</span>:<span class="string">"https://hexo.io/"</span>,</div><div class="line">       <span class="attr">"desc"</span>:<span class="string">"A fast, simple &amp; powerful blog framework"</span></div><div class="line">    &#125;,</div><div class="line">    &#123;</div><div class="line">       <span class="attr">"name"</span>:<span class="string">"Font Awesome"</span>,</div><div class="line">       <span class="attr">"url"</span>:<span class="string">"http://fontawesome.io/"</span>,</div><div class="line">       <span class="attr">"desc"</span>:<span class="string">"The iconic font and CSS toolkit"</span></div><div class="line">    &#125;</div><div class="line">]</div></pre></td></tr></table></figure>
<h3 id="Social-media-links"><a href="#Social-media-links" class="headerlink" title="Social media links"></a>Social media links</h3><p>Cactus Dark can automatically add links to your social media accounts. Therefore, update the theme’s <code>_config.yml</code>:</p>
  <figure class="highlight plain"><table><tr><td class="gutter"><pre><div class="line">1</div><div class="line">2</div><div class="line">3</div><div class="line">4</div><div class="line">5</div></pre></td><td class="code"><pre><div class="line">customize:</div><div class="line">  social_links:</div><div class="line">    github: your-github-url</div><div class="line">    twitter: your-twitter-url</div><div class="line">    NAME: your-NAME-url</div></pre></td></tr></table></figure>
<p>where <code>NAME</code> is the name of a <a href="http://fontawesome.io/icons/#brand" target="_blank" rel="external">Font Awesome icon</a>.</p>
<h3 id="RSS"><a href="#RSS" class="headerlink" title="RSS"></a>RSS</h3><p>Set the <code>rss</code> field in the theme’s <code>_config.yml</code> to one of the following values:</p>
<ol>
<li><code>rss: false</code> will totally disable rss (default).</li>
<li><code>rss: atom.xml</code> sets a specific feed link.</li>
<li><code>rss:</code>leave empty to use the <a href="https://github.com/hexojs/hexo-generator-feed" target="_blank" rel="external">hexo-generator-feed</a> plugin.</li>
</ol>
<h3 id="Analytics"><a href="#Analytics" class="headerlink" title="Analytics"></a>Analytics</h3><p>Add you Google Analytics <code>tracking_id</code> to the theme’s <code>_config.yml</code>.</p>
  <figure class="highlight plain"><table><tr><td class="gutter"><pre><div class="line">1</div><div class="line">2</div></pre></td><td class="code"><pre><div class="line">plugins:</div><div class="line">    gooogle_analytics: &apos;UA-49627206-1&apos;            # Format: UA-xxxxxx-xx</div></pre></td></tr></table></figure>
<h3 id="Comments"><a href="#Comments" class="headerlink" title="Comments"></a>Comments</h3><p>First, create a site on Disqus: <a href="http://disqus.com/admin/create/" target="_blank" rel="external">https://disqus.com/admin/create/</a>.</p>
<p>Next, update the theme’s <code>_config.yml</code> file:</p>
  <figure class="highlight plain"><table><tr><td class="gutter"><pre><div class="line">1</div><div class="line">2</div></pre></td><td class="code"><pre><div class="line">plugins:</div><div class="line">    disqus_shortname: SITENAME</div></pre></td></tr></table></figure>
<p>where <code>SITENAME</code> is the name you gave your site on Disqus.</p>
<h3 id="Code-Highlighting"><a href="#Code-Highlighting" class="headerlink" title="Code Highlighting"></a>Code Highlighting</h3><p>Pick one of <a href="https://github.com/probberechts/cactus-dark/tree/master/source/css/_highlight" target="_blank" rel="external">the available colorschemes</a> and add it to the theme’s <code>_config.yml</code>:</p>
  <figure class="highlight plain"><table><tr><td class="gutter"><pre><div class="line">1</div><div class="line">2</div></pre></td><td class="code"><pre><div class="line">customize:</div><div class="line">    highlight: COLORSCHEME_NAME</div></pre></td></tr></table></figure>
<h2 id="License"><a href="#License" class="headerlink" title="License"></a>License</h2><p>MIT</p>

  </div>
</article>



    </div>
    
      <div id="footer-post-container">
  <div id="footer-post">

    <div id="nav-footer" style="display: none">
      <ul>
         
          <li><a href="/">首</a></li>
         
          <li><a href="/about/">关于这</a></li>
         
          <li><a href="/reading/">读什么</a></li>
         
          <li><a href="/book/">写本书</a></li>
         
          <li><a href="/categories/blog/">写博客</a></li>
         
          <li><a href="/categories/learning/">做什么</a></li>
        
      </ul>
    </div>

    <div id="toc-footer" style="display: none">
      <ol class="toc"><li class="toc-item toc-level-1"><a class="toc-link" href="#Cactus-Dark"><span class="toc-number">1.</span> <span class="toc-text">Cactus Dark</span></a><ol class="toc-child"><li class="toc-item toc-level-2"><a class="toc-link" href="#Summary"><span class="toc-number">1.1.</span> <span class="toc-text">Summary</span></a></li><li class="toc-item toc-level-2"><a class="toc-link" href="#General"><span class="toc-number">1.2.</span> <span class="toc-text">General</span></a></li><li class="toc-item toc-level-2"><a class="toc-link" href="#Features"><span class="toc-number">1.3.</span> <span class="toc-text">Features</span></a></li><li class="toc-item toc-level-2"><a class="toc-link" href="#Install"><span class="toc-number">1.4.</span> <span class="toc-text">Install</span></a></li><li class="toc-item toc-level-2"><a class="toc-link" href="#Configuration"><span class="toc-number">1.5.</span> <span class="toc-text">Configuration</span></a><ol class="toc-child"><li class="toc-item toc-level-3"><a class="toc-link" href="#Navigation"><span class="toc-number">1.5.1.</span> <span class="toc-text">Navigation</span></a></li><li class="toc-item toc-level-3"><a class="toc-link" href="#Blog-posts-list-on-home-page"><span class="toc-number">1.5.2.</span> <span class="toc-text">Blog posts list on home page</span></a></li><li class="toc-item toc-level-3"><a class="toc-link" href="#Projects-list"><span class="toc-number">1.5.3.</span> <span class="toc-text">Projects list</span></a></li><li class="toc-item toc-level-3"><a class="toc-link" href="#Social-media-links"><span class="toc-number">1.5.4.</span> <span class="toc-text">Social media links</span></a></li><li class="toc-item toc-level-3"><a class="toc-link" href="#RSS"><span class="toc-number">1.5.5.</span> <span class="toc-text">RSS</span></a></li><li class="toc-item toc-level-3"><a class="toc-link" href="#Analytics"><span class="toc-number">1.5.6.</span> <span class="toc-text">Analytics</span></a></li><li class="toc-item toc-level-3"><a class="toc-link" href="#Comments"><span class="toc-number">1.5.7.</span> <span class="toc-text">Comments</span></a></li><li class="toc-item toc-level-3"><a class="toc-link" href="#Code-Highlighting"><span class="toc-number">1.5.8.</span> <span class="toc-text">Code Highlighting</span></a></li></ol></li><li class="toc-item toc-level-2"><a class="toc-link" href="#License"><span class="toc-number">1.6.</span> <span class="toc-text">License</span></a></li></ol></li></ol>
    </div>

    <div id="share-footer" style="display: none">
      <ul>
    <!-- <li class="social-share share-component" data-sites="facebook"></li> -->
    <li class="social-share share-component" data-sites="wechat"></li>
    <li class="social-share share-component" data-sites="qq"></li>
    <li class="social-share share-component" data-sites="twitter"></li>
    <li class="social-share share-component" data-sites="weibo"></li>
    <li class="social-share share-component" data-sites="tencent"></li>
    <li class="social-share share-component" data-sites="qzone"></li>
    <li class="social-share share-component" data-sites="douban"></li>
    <li class="social-share share-component" data-sites="diandian"></li>
    <li class="social-share share-component" data-sites="google"></li>
    <li class="social-share share-component" data-sites="linkedin"></li>
    <li class="social-share share-component" data-sites="qzone"></li>
    <!-- <li><a class="icon" href="http://www.linkedin.com/shareArticle?url=https://iiitoo.com/2017/05/04/README/&title=Cactus Dark 说明"><i class="fa fa-linkedin fa-lg" aria-hidden="true"></i></a></li>
    <li><a class="icon" href="https://pinterest.com/pin/create/bookmarklet/?url=https://iiitoo.com/2017/05/04/README/&is_video=false&description=Cactus Dark 说明"><i class="fa fa-pinterest fa-lg" aria-hidden="true"></i></a></li>
    <li><a class="icon" href="mailto:?subject=Cactus Dark 说明&body=Check out this article: https://iiitoo.com/2017/05/04/README/"><i class="fa fa-envelope fa-lg" aria-hidden="true"></i></a></li>
    <li><a class="icon" href="https://getpocket.com/save?url=https://iiitoo.com/2017/05/04/README/&title=Cactus Dark 说明"><i class="fa fa-get-pocket fa-lg" aria-hidden="true"></i></a></li>
    <li><a class="icon" href="http://reddit.com/submit?url=https://iiitoo.com/2017/05/04/README/&title=Cactus Dark 说明"><i class="fa fa-reddit fa-lg" aria-hidden="true"></i></a></li>
    <li><a class="icon" href="http://www.stumbleupon.com/submit?url=https://iiitoo.com/2017/05/04/README/&title=Cactus Dark 说明"><i class="fa fa-stumbleupon fa-lg" aria-hidden="true"></i></a></li>
    <li><a class="icon" href="http://digg.com/submit?url=https://iiitoo.com/2017/05/04/README/&title=Cactus Dark 说明"><i class="fa fa-digg fa-lg" aria-hidden="true"></i></a></li>
    <li><a class="icon" href="http://www.tumblr.com/share/link?url=https://iiitoo.com/2017/05/04/README/&name=Cactus Dark 说明&description="><i class="fa fa-tumblr fa-lg" aria-hidden="true"></i></a></li>
    <li><a class="icon" href="http://connect.qq.com/widget/shareqq/index.html?url=https://iiitoo.com/2017/05/04/README/&title=&source=&desc=&pics="><i class="fa fa-qq fa-lg" aria-hidden="true"></i></a></li> -->

</ul>

    </div>

    <div id="actions-footer">
      <ul>
        <li id="toc"><a class="icon" href="#" onclick='$("#toc-footer").toggle();return false;'><i class="fa fa-list fa-lg" aria-hidden="true"></i> TOC</a></li>
        <li id="share"><a class="icon" href="#" onclick='$("#share-footer").toggle();return false;'><i class="fa fa-share-alt fa-lg" aria-hidden="true"></i> Share</a></li>
        <li id="top" style="display:none"><a class="icon" href="#" onclick="$('html, body').animate({ scrollTop: 0 }, 'fast');"><i class="fa fa-chevron-up fa-lg" aria-hidden="true"></i> Top</a></li>
        <li id="menu"><a class="icon" href="#" onclick='$("#nav-footer").toggle();return false;'><i class="fa fa-bars fa-lg" aria-hidden="true"></i> Menu</a></li>
      </ul>
    </div>

  </div>
</div>

    
    <footer id="footer">
  <div class="footer-left">
    Copyright &copy; 2017 iiitoo
  </div>
  <div class="footer-right">
    <nav>
      <ul>
         
          <li><a href="/">首</a></li>
         
          <li><a href="/about/">关于这</a></li>
         
          <li><a href="/reading/">读什么</a></li>
         
          <li><a href="/book/">写本书</a></li>
         
          <li><a href="/categories/blog/">写博客</a></li>
         
          <li><a href="/categories/learning/">做什么</a></li>
        
      </ul>
    </nav>
  </div>
</footer>

</body>
</html>
<!-- jquery -->
<script src="/lib/jquery/jquery.min.js"></script>
<script src="/lib/bootstrap/js/bootstrap.min.js"></script>
<script src="/lib/share/js/jquery.share.js"></script>
<script src="/lib/justified-gallery/jquery.justifiedGallery.min.js"></script>
<script src="/js/main.js"></script>
<!-- Google Analytics -->

<!-- Disqus Comments -->


